import InputBox from '../../components/home/InputBox'
import Swiper from '../../components/home/Swiper'
import CateList from '../../components/home/CateList'
import ShopList from '../../components/home/ShopList'



//react中存在两种形式的组件: 函数式组件, 类组件
//使用 rcc 快速创建 类组件  ( 主要使用这个 )
//使用 rsf 快速创建 函数式组件
import React, { Component } from 'react';

class Home extends Component {

  render() { //render 负责渲染组件模板到视图

    //在jsx语法中 书写js代码, js代码必须被包裹在{}中
    return (
      <div className='home'>
        {/* 顶部搜索框 */}
        <InputBox></InputBox>

        {/* 轮播图 */}
        <Swiper></Swiper>

        {/* 快捷分类 */}
        <CateList></CateList>


        {/* 广告图 */}
        <div className="guanggao"></div>

        {/* 商品列表 */}
        <ShopList></ShopList>

      </div>
    );
  }
}

export default Home;